<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content='IE=EDGE'>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="shortcut icon" href="./static/title_logo.png">
    <title>中达企业数据链</title>
    <style>
        body {
          margin: 0;
          font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
          font-size: 15px;
          color: #404040;
        }

        .Header {
          overflow: hidden;
          background-color: #fff;
          box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
          display: none;
        }

        .Header-inner {
          width: 1008px;
          margin: 0 auto;
          padding: 0 16px;
        }

        .Header-logo {
          width: 44px;
          height: 38px;
          margin: 15px 0;
        }

        .Header-logo img {
          display: block;
          width: 100%;
          height: 100%;
        }

        .Compatibility {
          width: 1008px;
          margin: 0 auto;
          padding: 16px;
          display: none;
        }

        .Compatibility-icon {
          width: 112px;
          height: 83px;
          margin: 64px auto;
        }

        .Compatibility-icon img {
          display: block;
          width: 100%;
          height: 100%;
        }

        .Compatibility-tip {
          font-size: 24px;
          text-align: center;
        }

        .CompatibilityBrowsers {
          overflow: hidden;
          margin-top: 64px;
        }

        .CompatibilityBrowsers-item {
          position: relative;
          float: left;
          width: 50%;
          padding: 16px 0;
        }

        a.CompatibilityBrowsers-item {
          text-decoration: none;
          color: #3e7ac2;
        }

        .CompatibilityBrowsers-divider {
          position: absolute;
          right: 0;
          top: 24px;
          height: 64px;
          border-right: 1px solid #ebeef5;
        }

        .CompatibilityBrowsers-icon {
          width: 80px;
          height: 80px;
          margin: 0 auto;
        }

        .CompatibilityBrowsers-icon img {
          display: block;
        }

        .CompatibilityBrowsers-ieIcon img {
          width: 88px;
          height: 81px;
          margin-left: -8px;
          margin-top: -1px;
        }

        .CompatibilityBrowsers-chromeIcon img {
          width: 83px;
          height: 83px;
          margin: -1.5px;
        }

        .CompatibilityBrowsers-text {
          margin-top: 32px;
          text-align: center;
        }
        /* #app{
          display: none;
        } */
      </style>
  </head>
  <body>
    <noscript>
      你需要允许使用JavaScript运行本网页！
    </noscript>
    <div id="app"></div>
    <div class="Header">
        <div class="Header-inner">
          <div class="Header-logo">
            <a href="http://www.zdlian.cn/"><img src="./static/ifIe/qysjl.png" /></a>
          </div>
        </div>
      </div>
      <div class="Compatibility">
        <div class="Compatibility-icon">
          <img src="./static/ifIe/icon@2x.png"/>
        </div>
        <div class="Compatibility-tip">你正在使用的浏览器版本过低，将不能正常浏览和使用企业数据链。</div>
        <div class="CompatibilityBrowsers">
          <a href="https://www.firefox.com.cn/" class="CompatibilityBrowsers-item">
            <div class="CompatibilityBrowsers-icon CompatibilityBrowsers-ieIcon">
              <img src="./static/ifIe/firefox.jpg" />
            </div>
            <div class="CompatibilityBrowsers-text">使用 Firefox 浏览器</div>
            <div class="CompatibilityBrowsers-divider"></div>
          </a>
          <a href="https://chrome.softonic.cn/" class="CompatibilityBrowsers-item">
            <div class="CompatibilityBrowsers-icon CompatibilityBrowsers-chromeIcon">
              <img src="./static/ifIe/chrome.jpg" />
            </div>
            <div class="CompatibilityBrowsers-text">使用 Google Chrome 浏览器</div>
          </a>
      </div>
    <!-- built files will be auto injected -->
    <script>
	if(!!window.ActiveXObject || "ActiveXObject" in window){
    var ieHeader=document.querySelector('.Header');
    var ieBody=document.querySelector('.Compatibility');
    ieHeader.style.display='block';
    ieBody.style.display='block';
  }else{

  }
      </script>
  </body>
</html>
